<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>顺风车---高教园区二手自行车交易平台</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${ctx}/css/panels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- page-main start (不包括顶部和选项卡部分)-->
<div class="page_main">
<!--page left start-->
<div class="page_main_left">
  <!--category start-->  
<!--  <div class="category">
    <ul>
      <li><a href="javascript:void(0);">山地自行车</a></li>
      <li><a href="javascript:void(0);">场地自行车</a></li>
      <li><a href="javascript:void(0);">越野车</a></li>
      <li><a href="javascript:void(0);">折叠车</a></li>
      <li><a href="javascript:void(0);">二人\多人自行车</a></li>
      <li><a href="javascript:void(0);">旅游自行车</a></li>
    </ul>
  </div>-->
  
  <!-- liang add-->
  <jsp:include page="portal-list.jsp"></jsp:include>
  <!-- liang add end-->
  
  <!--category end-->
  <!--panel left start-->
  <div class="bluePanel">
 	 <h3><a href="#" class="titleLink" title="标题">Panel标题</a></h3>
 	 <div class="box">
		Panel中显示的内容，这里可以加入DIV元素以便对其中内容的控制
 	 </div>
  </div>
  <!--panel left end-->
</div>
<!--pageleft end-->


<!--page mid start-->
<div class="page_main_mid">
  <div class="mid_adv_1">
    <!--滚动图片的设计开始-->
    <div class="alertImages">
      <link href="${ctx}/css/index-css/alertImg.css" rel="stylesheet" type="text/css" />
      <style type="text/css">
	  /*对原有的样式进行覆盖*/
	  .container,.container a img{
		  width:546px;
		  height:150px;
		  }
	  .mid_adv_1{ border:none;}
      </style>
      <div class="container" id="idContainer2">
        <table id="idSlider2" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/manage.jpg"/></a></td>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/py.jpg"/></a></td>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/player.jpg"/></a></td>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/xf.jpg"/></a></td>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/TT.jpg"/></a></td>
            <td class="td_f"><a href="#"><img src="${ctx}/images/index-img/alertAds/player.jpg"/></a></td>
          </tr>
        </table>
        <ul class="num" id="idNum">
        </ul>
      </div>
      <!--滚动所需要的脚本-->
      <script language="javascript" type="text/javascript" src="${ctx}/js/index-js/alertImg.js"></script>
      <script>
//new SlideTrans("idContainer", "idSlider", 3).Run();
///////////////////////////////////////////////////////////
//这里的对象在alertImg中都有定义
var st = new SlideTrans("idContainer2", "idSlider2", 6, { Vertical: false });

var nums = [];
//插入数字
for(var i = 0, n = st._count - 1; i <= n;){
	(nums[i] = $$("idNum").appendChild(document.createElement("li"))).innerHTML = ++i;
}

forEach(nums, function(o, i){
	o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); };
	o.onmouseout = function(){ o.className = ""; st.Auto = true; st.Run(); };
});

//设置按钮样式
st.onStart = function(){
	forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; });
};

st.Run();
</script>
    </div>
    <!--滚动图片的设计结束-->
  </div>
  
   <div class="orangePanel">
	<h3><a href="#" class="titleLink" title="强力推荐二手车">强力推荐二手车</a></h3>
	<div class="box">
    <ul>
      <s:if test="recBookList != null">
      	<s:iterator value="recBookList" status="itStatus">
      		<li>
	      		<s:property value="bookName" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:property value="publisher" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:date name="publishTime" format="yyyy'/'M'/'d" />&nbsp;&nbsp;&nbsp;
      		</li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有一辆推荐的二手车！</li>
      </s:else>
    </ul>
    </div>
  </div>
  
   <div class="orangePanel">
	<h3><a href="#" class="titleLink" title="最新上架二手车">最新上架二手车</a></h3>
	<div class="box">
    <ul>
      <s:if test="latestSaleList != null">
      	<s:iterator value="latestSaleList" status="itStatus">
      		<li>
	      		<s:property value="bookName" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:property value="publisher" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:date name="publishTime" format="yyyy'/'M'/'d" />&nbsp;&nbsp;&nbsp;
      		</li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有一辆二手车！</li>
      </s:else>
    </ul>
  </div>
  </div>
  
   <div class="bluePanel">
	<h3><a href="#" class="titleLink" title="大折扣区">大折扣区</a></h3>
	<div class="box">
    <ul>
      <s:if test="cheBookList != null">
      	<s:iterator value="cheBookList" status="itStatus">
      	    <li>
	      		<s:property value="bookName" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:property value="publisher" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:date name="publishTime" format="yyyy'/'M'/'d" />&nbsp;&nbsp;&nbsp;
      		</li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有需求！</li>
      </s:else>
    </ul>
  </div>
  </div>
  
   <div class="bluePanel">
	<h3><a href="#" class="titleLink" title="最受欢迎车友">最受欢迎车友</a></h3>
	<div class="box">
    <ul>
      <s:if test="popUserList != null">
      	<s:iterator value="popUserList" status="itStatus">
      		<li>
      			<s:property value="loginId" escape="false"/>&nbsp;&nbsp;&nbsp;
      			<s:property value="name" escape="false"/>&nbsp;&nbsp;&nbsp;
      	    </li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有用户！</li>
      </s:else>
    </ul>
  </div>
  </div>
  
</div>
<!--page mid end-->
<!--page right start-->
<div class="page_main_right">
   <div class="orangePanel">
	<h3><a href="#" class="titleLink" title="最新需求">最新需求</a></h3>
	<div class="box">
    <ul>
      <s:if test="latestOrderList != null">
      	<s:iterator value="latestOrderList" status="itStatus">
      		<li><s:property value="bookName" escape="false"/></li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有需求！</li>
      </s:else>
    </ul>
  </div>
  </div>

  <div class="bluePanel">
 	 <h3><a href="#" class="titleLink" title="标题">Panel标题</a></h3>
 	 <div class="box">
		Panel中显示的内容，这里可以加入DIV元素以便对其中内容的控制
 	 </div>
   </div>
  
   <div class="orangePanel">
	<h3><a href="#" class="titleLink" title="二手车排行榜">二手车排行榜</a></h3>
	<div class="box">
    <ul>
      <s:if test="popBookList != null">
      	<s:iterator value="popBookList" status="itStatus">
      	    <li>
	      		<s:property value="bookName" escape="false"/>&nbsp;&nbsp;&nbsp;
	      		<s:property value="publisher" escape="false"/>&nbsp;&nbsp;&nbsp;
      		</li>
      	</s:iterator>
      </s:if>
      <s:else>
        <li>Sorry,还没有二手车！</li>
      </s:else>
    </ul>
  </div>
</div>
</div>
<!--page right end-->
<div style="clear:both;"></div>
</div>
</body>
</html>